.system-setting{
	height: 100vh;
	background-color: #f2f2f2;
	display: flex;
	flex-direction: column;
	align-items: center;
	.user-info-container,.other-setting-container{
		padding: 2rpx 32rpx 2rpx 32rpx;
		width:686rpx;
		background-color:#ffffff;
		border-radius:24rpx;
		.cell-item{
			height: 104rpx;
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1rpx #f4f4f5 solid;
			&:last-of-type{
				border: none;
			}
			.cell-title{
				height:44rpx;
				font-family:$global-font-family;
				color:#999999;
				font-size:28rpx;
				width: 280rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				&.strong{
					color:#1d1d1f;
					font-weight:900;
					font-size: 32rpx;
				}
			}
			.cell-right{
				display: flex;
				align-items: center;
				.cell-label{
					height:40rpx;
					font-family:$global-font-family;
					color:#999999;
					font-size:28rpx;
					text-align:right;
					width: 280rpx;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
				.cell-icon{
					width:30rpx;
					height:40rpx;
					text-align: right;
					color:#999999;
				}
			}
		}
	}
	.logout-btn{
		width:574rpx;
		height:100rpx;
		background-color:#ffffff;
		border:1rpx solid;
		border-color:#999999;
		border-radius:24rpx;
		margin-top: 88rpx;
		font-family:$global-font-family;
		// color:#333333;
		font-size:32rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		&::after{
			border: none !important;
		}
	}
}